<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>cesium-graticule</title>
</head>
<body>
  <div id="app">
  </div>
</body>

<style>
  html, body, #root {
  height: 100%;
  }
  body {
  margin: 0;
  }
  #app{
    height: 100%;
    width: 100%;
  }
  .cesium-viewer-toolbar {
    right: 30px;
    top: 300px;
  }
  span.cesium-sceneModePicker-wrapper {
    margin: 0;
    direction: rtl;
    display: flex;
    width: auto;
    align-items: center;
  }
  .cesium-sceneModePicker-hidden {
    height: 0;
    width: 0;
    border: none;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView {
    margin: 0 0 0 3px;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
    margin: 0 3px;
  }
</style>
</html>
